<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <!-- 这是个iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；-->
        <meta content="yes" name="apple-mobile-web-app-capable">
        <!-- 全屏显示-->
        <meta name="apple-touch-fullscreen" content="yes">
        <!-- 不要让设备识别电话号码和邮箱地址-->
        <meta content="telephone=no,email=no" name="format-detection">
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
        <!-- DNS预解析-->
        <meta http-equiv="x-dns-prefetch-control" content="on">

        <link href="../css/common/reset.css" rel="stylesheet">
        <link href="../css/common/common.css" rel="stylesheet">
        <link href="../css/animate.css" rel="stylesheet">
        <link href="../css/index.css" rel="stylesheet">
        
        <script src="../js/zepto-1.1.4.min.js"></script>
        
        <title>转训首页</title>
    
    </head>
    <body>
        <div class="index">
            <div class="header">hi, Nassua</div>
            <div class="content score">
                <h3>考试成绩</h3>
                <div class="wapper">
                    <div>
                        <span style="bottom: 50%">50</span>
                        <div class="progress" style="height: 50%"></div>
                        <label>市场环境</label>
                    </div>
                    <div>
                        <span style="bottom: 70%">70</span>
                        <div class="progress" style="height: 70%"></div>
                        <label>产品亮点</label>
                    </div>
                    <div>
                        <div class="empty">未考试</div>
                        <label>展厅模拟</label>
                    </div>
                    <div>
                        <span style="bottom: 90%">90</span>
                        <div class="progress" style="height: 90%"></div>
                        <label>研发理念</label>
                    </div>
                    <div>
                        <span style="bottom: 100%">100</span>
                        <div class="progress" style="height: 100%"></div>
                        <label>竞品观摩</label>
                    </div>
                </div>
                <div class="statis">
                    <div>
                        <div>待学科目</div>
                        <div>
                            <span>5</span>
                            <i>分</i>
                        </div>
                    </div>
                    <div>
                        <div>待考次数</div>
                        <div>
                            <span>21</span>
                            <i>次</i>
                        </div>
                    </div>
                    <div>
                        <div>平均考试成绩</div>
                        <div>
                            <span>89</span>
                            <i>分</i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer">
                <h3>转训抽查</h3>
                <div class="btn-wrap">
                    <a href="javascript: ">
                        <img src="../img/zxks2.png" alt="" />
                        <label>转训考试</label>
                    </a>
                    <a href="javascript: ">
                        <img style="transform: scale(0.8)" src="../img/zxpj2.png" alt="" />
                        <label>转训评价</label>
                    </a>
                    <a href="javascript: ">
                        <img src="../img/zxqd2.png" alt="" />
                        <label>转训签到</label>
                    </a>
                </div>
            </div>
        </div>
        <div class="mask" style="display: none">
            <div class="sign">
                <img src="../img/ok1@3x.png" alt="" />
                <div>恭喜您，签到成功</div>
                <a class="ok">我知道了</a>
            </div>
        </div>
        <script src="../js/remset.js"></script>
        <script src="../js/score.js"></script>
    </body>
</html>